body{
  background-color: pink;
}
/*给 index.css 添加内容*/
.noselect {
  user-select: none;
  animation: a 10s;
  transform: rotate(3deg);
  display: flex;
}

@keyframes a {
  from {
    transform: translate(0);
  }

  to {
    transform: translate(100);
  }
}


#box1 {
  width: 200px;
  height: 100px;
  background-image: url("./images/1.jpg"); 
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#box2 {
  width: 200px;
  height: 100px;
  background-image: url("./images/1.png"); 
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#box3 {
  width: 400px;
  height: 600px;
  background-image: url("./images/3.webp"); 
  background-repeat: no-repeat;
  background-size: 100% 100%;
}